<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		.a {
			
			position: relative;
			display: inline-block;
			border-bottom: 1px dotted black;
			color: #aa55ff;
			background-color: #cccccc;
			margin: -2.5px;
			padding: 7px;
			font-size: small;
		}
		.a .b {
			visibility: hidden;
			width: 75px;
			background-color: #a3a3a3;
			color: blue;
			margin-left: 100px;
			position: absolute;
			z-index: 1;
			top: 100%;
			left: 73%;
			margin-left: -60px;
			padding-left: 7px;
		}
		.a:hover .b {
			visibility: visible;
			
		}
		li {
			list-style: none;
			margin-left: -38px;
			padding: 5px;
		}
	</style>
	<body>
		<div class="a" style="padding-left: 40px;" >首页
			<span class="b">
			</span>
		</div>
		<div class="a">菜单管理
			<span class="b">
				<ul>
					<li>主页设置</li>
					<li>系统管理</li>
					<li>报表设置</li>
				</ul>
			</span>
		</div>
		<div class="a">数据库管理
			<span class="b">
				<ul>
					<li>数据查询</li>
					<li>数据更新</li>
					<li>数据备份</li>
				</ul>
			</span>
		</div>
		<div class="a">站点管理
			<span class="b">
				<ul>
					<li>信息管理</li>
					<li>数据管理</li>
				</ul>
			</span>
		</div>
		<div class="a">站点设置
			<span class="b">
				<ul>
					<li>站点1</li>
					<li>站点2</li>
				</ul>
			</span>
		</div>
		<div class="a" style="padding-right: 100px;">联系我们
			<span class="b">
			</span>
		</div>
	</body>
</html>
